<template>
  <div>
    用户名:<input type="text" v-model="username" /><br />
    密 码:<input type="password" v-model="password" /><br />
    <span>性别: </span>
    <input type="radio" value="男" name="sex" v-model="sex" />男
    <input type="radio" value="女" name="sex" v-model="sex" />女
    <br />
    <span>城市: </span>
    <select v-model="city">
      <option value="北京市">北京</option>
      <option value="上海市">上海</option>
      <option value="广州市">广州</option>
      <option value="深圳市">深圳</option>
    </select>
    <br />
    <span>爱好: </span>
    <input type="checkbox" v-model="hobby" value="吃" />吃
    <input type="checkbox" v-model="hobby" value="喝" />喝
    <input type="checkbox" v-model="hobby" value="玩" />玩
    <input type="checkbox" v-model="hobby" value="睡" />睡
    <br />
    <span>自我介绍</span>
    <textarea v-model="intro"></textarea>
  </div>
</template>

<script>
export default {
  name: "VuecliDemoApp",

  data() {
    return {
      username: "",
      password: "",
      sex: "",
      city: "",
      hobby: [],
      intro: "",
    };
  },

  mounted() {},

  methods: {},
};
</script>

<style lang="scss" scoped>
</style>